
var colorArr = [
    { "color": "#5470C6" },
    { "color": "#91CC75" },
    { "color": "#FAC858" },
    { "color": "#EE6666" },
    { "color": "#73C0DE" },
];
// 用户ID
let id = getUrlParam("id");
$(function () {
    GetUserRole();
});
//获取用户权限
function GetUserRole() {
    // let thisdata = [];
    // thisdata.push(InitRole(id));
    let USERdata = InitRole(id);
    if (USERdata != null) {
        choose('year');

    }
     else OpenErrmsg("../../web/errhtml/404.html");
}

let path = getPath();
function InitChart(type) {
    // let data = [
    //     { "name": "1月", "qty": "6" },
    //     { "name": "2月", "qty": "8" },
    //     { "name": "3月", "qty": "3" },
    //     { "name": "4月", "qty": "3" },
    //     { "name": "5月", "qty": "5" },
    //     { "name": "6月", "qty": "9" },
    //     { "name": "7月", "qty": "3" },
    //     { "name": "8月", "qty": "10" },
    //     { "name": "9月", "qty": "3" },
    //     { "name": "10月", "qty": "4" },
    //     { "name": "11月", "qty": "3" },
    //     { "name": "12月", "qty": "7" },
    // ];
    var num = '';
    if (type == 'week') {
        num = 1
    }else if (type == 'month') {
        num = 2
    }else{
        num = 3
    }
    let data = [];
    let url = path + '/ls172/ls172-workorder/orderStatistics?type='+num
    $.ajax({
        url: url,
        async: false,
        type: "GET",
        success: function (data1) {
            data = data1.data
        },
        error: function (data) {
            console.log("code", data);
        }
    })
    var myChart = echarts.init(document.getElementById('chartdiv'));
    var xAxisDataLine = new Array();
    var seriesDataLine = new Array();
    for (var i = 0; i < data.length; i++) {
        var item = data[i];
        if (type == 'month') {
            item.type = item.type.substr(5,2)+ '月'+ item.type.substr(8)+'日'
        }else if(type == 'year'){
            item.type = i+1 +'月'
        }
        xAxisDataLine.push(item.type)
        seriesDataLine.push({
            value: item.count,
            itemStyle: {
                color: colorArr[0].color
            }
        });
    }
    if (type == 'week') {
        xAxisDataLine =['周一','周二','周三','周四','周五','周六','周日',]
    }
    // 指定图表的配置项和数据
    var option = {
        title: {
            text: "年度工单统计",
            textStyle: {
                color: 'black',
                fontSize: "30px",
                fontWeight: "bold"
            },
            top: "10px;",
            left: "20px;"
        },
        tooltip: {
            position:function (point, params, dom, rect, size) {
                return [point[0], '10%']
            }
        },
        legend: {
            data: ['销量'],
            color: "black"
        },
        xAxis: {
            data: xAxisDataLine,
            axisLine: {
                lineStyle: {
                    color: '#6782a0',
                    width: 1, //这里是为了突出显示加上的
                }
            },
            axisLabel: {
                show: true,
                textStyle: {
                    color: '#6782a0',
                }
            }
        },
        yAxis: {
            axisLine: {
                lineStyle: {
                    color: '#6782a0',
                    width: 1, //这里是为了突出显示加上的
                }
            },
            splitLine: {
                show: true,
                lineStyle: {
                    type: 'solid',
                    color: '#f3f3f3',
                }
            },
            axisLabel: {
                show: true,
                textStyle: {
                    color: '#6782a0'
                }
            }
        },
        series: [{
            type: 'bar',
            data: seriesDataLine
        }]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);

    // //每日装船数
    // $.ajax({
    //     type: "POST",
    //     url: 'DataDriver.ashx?method=mrzc&random=' + GetRandomNum(1, 1000),
    //     async: true, cache: false,
    //     data: {},
    //     dataType: "json",
    //     success: function (data) {

    //         var xAxisDataLine = new Array();
    //         var seriesDataLine = new Array();
    //         for (var i = 0; i < data.length; i++) {
    //             var item = data[i];
    //             xAxisDataLine.push(item.date)
    //             seriesDataLine.push(item.num);
    //         }
    //         // 指定图表的配置项和数据
    //         var option = {
    //             title: {
    //                 text: "每日装船数",
    //                 textStyle: {
    //                     color: '#54cad8',
    //                     fontSize: "30px",
    //                     fontWeight: "bold"
    //                 },
    //                 top: "10px;",
    //                 left: "20px;"
    //             },
    //             tooltip: {},
    //             legend: {
    //                 data: ['销量'],
    //                 color: "#fff"
    //             },

    //             xAxis: {
    //                 data: xAxisDataLine,
    //                 axisLine: {
    //                     lineStyle: {
    //                         color: '#113d5e',
    //                         width: 1, //这里是为了突出显示加上的
    //                     }
    //                 },
    //                 axisLabel: {
    //                     show: true,
    //                     textStyle: {
    //                         color: '#6782a0'
    //                     }
    //                 }

    //             },
    //             yAxis: {
    //                 axisLine: {
    //                     lineStyle: {
    //                         color: '#113d5e',
    //                         width: 1, //这里是为了突出显示加上的
    //                     }
    //                 },
    //                 splitLine: {
    //                     show: true,
    //                     lineStyle: {
    //                         type: 'solid',
    //                         color: '#113d5e'
    //                     }
    //                 },
    //                 axisLabel: {
    //                     show: true,
    //                     textStyle: {
    //                         color: '#6782a0'
    //                     }
    //                 }

    //             },
    //             color: ["#01d6ff"],
    //             series: [{
    //                 type: 'bar',
    //                 data: seriesDataLine
    //             }]
    //         };
    //         // 使用刚指定的配置项和数据显示图表。
    //         myChart.setOption(option);


    //     }
    // });
}
function choose(type) {
    $('#lab_1').removeClass("labelstyleChoose labelstyle");
    $('#lab_2').removeClass("labelstyleChoose labelstyle");
    $('#lab_3').removeClass("labelstyleChoose labelstyle");

    $('#lab_1').addClass(type == "week" ? "labelstyleChoose" : "labelstyle");
    $('#lab_2').addClass(type == "month" ? "labelstyleChoose" : "labelstyle");
    $('#lab_3').addClass(type == "year" ? "labelstyleChoose" : "labelstyle");
    //查询数据，刷新
    InitChart(type);
}